/*
* @Author: yujiyao
* @Date:   2018-09-22 02:13:23
* @Last Modified by:   Administrator
* @Last Modified time: 2018-09-22 02:34:05
*/
body{
	margin:0;
	padding:20px;
	background-color: #ddd;
}
ul{
	margin:0;
	padding:0;
}
.hp-top{
	background-color: #fff;
	padding:20px;
	overflow: hidden;
}
.hp-top-left{
	width:90%;
	float:left;
}
.hp-top-left ul{
	overflow: hidden;
}
.hp-top-left ul li{
	float:left;
	list-style: none;
	margin-right:20px;
}
.hp-top-left ul li a{
	padding:5px 10px;
}
.hp-top-right{
	width:10%;
	float:right;
	padding:16px 0;
	text-align: center;
}
.hp-top-right a{
	display: inline-block;
	height:30px;
	background-color: #666;
	padding:5px 10px;
}
.hp-middle-left{
	float:left;
	width:66%;
	height:200px;
	background-color: #aaaaaa;
}
.hp-middle-right{
	float:right;
	width:64%;
	height:200px;
	background-color: #bbbbbb;
}
.hp-bottom-left{
	float:left;
	width:33%;
	height:200px;
	background-color: #cccccc;
}
.hp-bottom-middle{
	float:left;
	width:33%;
	height:200px;
	background-color: #dddddd;
}
.hp-bottom-right{
	float:right;
	width:33%;
	height:200px;
	background-color: #eeeeee;
}